<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>je-table</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="wcodeth=device-wcodeth, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/jeui.css"  media="all">
    <script type="text/javascript" src="js/modules/jquery.min.js"></script>
    <script type="text/javascript" src="js/modules/jeTabs.js"></script>
</head>
<body>
<div class="je-p20">
    
    <blockquote class="je-quote je-f16">
        默认表格  <div class="je-din je-ml30" tab="9" title="自动添加" onclick="$.jeTabPane.addTab($(this))">添加</div>
    </blockquote>
    <div id="je-tab" class="je-tab">
        <ul class="tabheader">
            <li>网站设置</li>
            <li>用户管理</li>
            <li>权限分配</li>
            <li>商品管理</li>
            <li>订单管理</li>  
        </ul>
        <div class="tabcontent">
            <div class="tabitem">默认宽度是相对于父元素100%适应的，你也可以固定宽度。</div>
            <div class="tabitem">2</div>
            <div class="tabitem">3</div>
            <div class="tabitem">4</div>
            <div class="tabitem">5</div>
        </div>
    </div>
    
</div>
<script type="text/javascript">
 
    $("#je-tab").jeTabs({tabIndex:1})
</script>
<!--
http://www.qdfuns.com/notes/13967/3cdebc6a132f33a3e65aa2b6019a7487.html
http://www.jq22.com/demo/jQueryNavHover20161129/
-->
</body>
</html>